﻿@model Model.major_change


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../css/table.css" type="text/css">
    <link rel="stylesheet" type="text/css" media="all"
          href="../../javascript/calendar/calendar-win2k-cold-1.css">
    <script type="text/javascript" src="../../javascript/calendar/cal.js"></script>
    <script type="text/javascript" src="../../javascript/comm/comm.js"></script>
    <script type="text/javascript" src="../../javascript/comm/list.js"></script>
    <script type="text/javascript" src="../../javascript/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="../../javascript/calendar-ch.js"></script>
    <script type="text/javascript" src="../../javascript/comm/time.js"></script>
    <link rel="stylesheet" href="../../css/cwcalendar.css" type="text/css"/>
    <script src="~/jquery.js"></script>
    <script src="~/vue.js"></script>
</head>

<body>
    <div id="app">
        <form name="humanfileForm" method="get" action="register_list">
            <table width="100%">
                <tr>
                    <td>
                        <font color="black">您正在做的业务是：人力资源--调动管理--调动登记查询 </font>
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <input type="submit" value="查询"
                               class="BUTTON_STYLE1">
                    </td>

                </tr>

            </table>
            <input type="hidden" name="page.startPage" value="0">
            <table width="101%" border="1" cellpadding=0 cellspacing=1
                   bordercolorlight=#848284 bordercolordark=#eeeeee
                   class="TABLE_STYLE1">
                <tr class="TR_STYLE1">
                    <td width="13%" class="TD_STYLE1">
                        请选择员工所在I级机构
                    </td>
                    <td width="29%" class="TD_STYLE2">
                        <select asp-for="first_kind_id" asp-items="ViewBag.s" class="form-control" id="yiji"></select>
                    </td>
                    <td width="13%" class="TD_STYLE1">
                        请选择员工所在II级机构
                    </td>
                    <td width="45%" class="TD_STYLE2">
                        <select asp-for="second_kind_id" asp-items="ViewBag.s1" class="form-control"></select>
                    </td>
                    <td width="0%"></td>
                </tr>
                <tr class="TR_STYLE1">
                    <td width="13%" class="TD_STYLE1">
                        请选择员工所在III级机构
                    </td>
                    <td width="29%" class="TD_STYLE2">
                        <select asp-for="third_kind_id" asp-items="ViewBag.s2" class="form-control"></select>

                    </td>
                    <td height="18" class="TD_STYLE1">
                        请输入建档时间
                    </td>
                    <td width="45%" class="TD_STYLE2">
                        <input name="utilbean.startDate" onclick="aa('utilbean.startDate')" type="text" class="INPUT_STYLE2" id="regist_time" style="width:24% " value="" size="30">
                        至<input type="text" name="utilbean.endDate" onclick="aa('utilbean.endDate')" value="" style="width:24% " class="INPUT_STYLE2" id="date_end">
                        （YYYY-MM-DD）
                    </td>
                </tr>
            </table>
        </form>
        <script type="text/javascript">
            var vm = new Vue({
                el: "#app",
                data: {
                },
                methods: {
                    one: function (o) {
                        var t = this;

                        $.ajax({
                            url: "/transfer/LianDong?one=" + o,
                            type: "get",
                            success: function (data) {

                                var d = eval("(" + data + ")");

                                $("#second_kind_id").empty().append("<option>--请选择--</option>");
                                for (var i = 0; i < d.length; i++) {
                                    var option = document.createElement("option");
                                    $(option).val(d[i].second_kind_id);

                                    $(option).text(d[i].second_kind_name);
                                    $('#second_kind_id').append(option);
                                }
                            }
                        })

                    },
                    two: function (o) {
                        var t = this;
                        $.ajax({
                            url: "/transfer/LianDongtwo?two=" + o,
                            type: "get",
                            success: function (data) {
                                var d = eval("(" + data + ")");
                                $("#third_kind_id").empty().append("<option>--请选择--</option>");
                                for (var i = 0; i < d.length; i++) {
                                    var option = document.createElement("option");
                                    $(option).val(d[i].third_kind_id);
                                    $(option).text(d[i].third_kind_name);
                                    $('#third_kind_id').append(option);
                                }
                            }
                        })
                    }

                },
                mounted: function () {
                    var t = this;
                    $("#first_kind_id").change(function () {
                        var o = $("#first_kind_id").val();
                        alert(o);
                        t.one(o)
                    });
                    $("#second_kind_id").change(function () {
                        var o = $("#second_kind_id").val();
                        t.two(o)
                    });

                }
            })
        </script>
    </div>
</body>

      

      
      


</html>


